<template>
	<view>
		<sw-search @click="gotoSearch"></sw-search>
		<view v-for="(post, i) in postList" :key="i" @click="gotoDetail(post)">
			<uni-card :title="post.nickName" :sub-title="post.school" :extra="post.createTime" :thumbnail="post.avatarUrl" @click="onClick">
				<text class="uni-body">{{post.postText}}</text>
				<view slot="actions" class="card-actions">
					<view class="card-actions-item" @click="actionsClick('点赞')">
						<uni-icons type="heart" size="18" color="#999"></uni-icons>
						<text class="card-actions-item-text">点赞</text>
					</view>
					<view class="card-actions-item" @click="actionsClick('评论')">
						<uni-icons type="chatbubble" size="18" color="#999"></uni-icons>
						<text class="card-actions-item-text">评论</text>
					</view>
				</view>
			</uni-card>
		</view>
		
		<view>
		      <image class='post-icon' src='/static/add_post.png' @click="gotoPost"></image>
		</view>

	</view>
</template>

<script>
	export default {
		data() {
			return {
				postList: [{
					nickName: 'Jack',
					school: '北京化工大学',
					createTime: '2023-4-14',
					avatarUrl: 'https://web-assets.dcloud.net.cn/unidoc/zh/unicloudlogo.png',
					postText: '第一次发帖第一次发帖第一次发帖第一次发帖第一次发帖第一次发帖第一次发帖第一次发帖第一次发帖。'
					
				},{
					nickName: 'Jack',
					school: '北京化工大学',
					createTime: '2023-4-14',
					avatarUrl: 'https://web-assets.dcloud.net.cn/unidoc/zh/unicloudlogo.png',
					postText: '第一次发帖第一次发帖第一次发帖第一次发帖第一次发帖第一次发帖第一次发帖第一次发帖第一次发帖。'
					
				},{
					nickName: 'Jack',
					school: '北京化工大学',
					createTime: '2023-4-14',
					avatarUrl: 'https://web-assets.dcloud.net.cn/unidoc/zh/unicloudlogo.png',
					postText: '第一次发帖第一次发帖第一次发帖第一次发帖第一次发帖第一次发帖第一次发帖第一次发帖第一次发帖。'
					
				},{
					nickName: 'Jack',
					school: '北京化工大学',
					createTime: '2023-4-14',
					avatarUrl: 'https://web-assets.dcloud.net.cn/unidoc/zh/unicloudlogo.png',
					postText: '第一次发帖第一次发帖第一次发帖第一次发帖第一次发帖第一次发帖第一次发帖第一次发帖第一次发帖。'
					
				},{
					nickName: 'Jack',
					school: '北京化工大学',
					createTime: '2023-4-14',
					avatarUrl: 'https://web-assets.dcloud.net.cn/unidoc/zh/unicloudlogo.png',
					postText: '第一次发帖第一次发帖第一次发帖第一次发帖第一次发帖第一次发帖第一次发帖第一次发帖第一次发帖。'
					
				},{
					nickName: 'Jack',
					school: '北京化工大学',
					createTime: '2023-4-14',
					avatarUrl: 'https://web-assets.dcloud.net.cn/unidoc/zh/unicloudlogo.png',
					postText: '第一次发帖第一次发帖第一次发帖第一次发帖第一次发帖第一次发帖第一次发帖第一次发帖第一次发帖。'
					
				},{
					nickName: 'Jack',
					school: '北京化工大学',
					createTime: '2023-4-14',
					avatarUrl: 'https://web-assets.dcloud.net.cn/unidoc/zh/unicloudlogo.png',
					postText: '第一次发帖第一次发帖第一次发帖第一次发帖第一次发帖第一次发帖第一次发帖第一次发帖第一次发帖。'
					
				}]

			}
		},
		onLoad() {},
		methods: {
			gotoSearch() {
				uni.navigateTo({
					url: '/subpkg/search/search'
				})
			},
			onClick(e) {
				console.log(e)
			},
			actionsClick(text) {
				uni.showToast({
					title: text,
					icon: 'none'
				})
			},
			gotoDetail(goods) {
			  // uni.navigateTo({
			  //   url: '/subpkg/goods_detail/goods_detail?goods_id=' + goods.goods_id
			  // })
			},
			gotoPost(){
				uni.navigateTo({
					url: '/subpkg/post/post'
				})
			}

		}

	}
</script>

<style lang="scss">
.card-actions {
	display: flex;
	flex-direction: row;
}
.card-actions-item {
	flex:1;
	text-align: center;
}
.post-icon {
    width: 110rpx;
    height: 110rpx;
    position:fixed;
    right:50rpx;
    bottom:60rpx;
    z-index: 110;
}
</style>